<script setup lang="ts">
import { RouterView } from 'vue-router';
</script>

<template>

    <el-container>
        <el-aside width="11vw" class="aside">
        <el-menu unique-opened>
          <el-submenu index="1">
            <template #title>比赛信息</template>
            <el-menu-item index="1"></el-menu-item>
            <el-menu-item index="2"></el-menu-item>
          </el-submenu>
          <el-submenu index="2">
            <template #title>文化活动</template>
            <el-menu-item index="1"></el-menu-item>
            <el-menu-item index="2"></el-menu-item>
          </el-submenu>
          <el-submenu>
            <template #title>志愿招募</template>
            <el-menu-item index="1"></el-menu-item>
            <el-menu-item index="2"></el-menu-item>
          </el-submenu>
          <hr>
          <el-submenu>
            <template #title>坐场报名</template>
            <el-menu-item index="1"></el-menu-item>
            <el-menu-item index="2"></el-menu-item>
          </el-submenu>
        </el-menu>
      </el-aside>
      <RouterView></RouterView>
    </el-container>
</template>